@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";


body{
  height:100%;
  background-color: $bg02;
}
@include placeholder($color01);
.scheduled{
  font-size: $fs15;
  background-color: $bg02;
  .wrap-box{
    margin:0.9rem 0;
    padding: 1.2rem 1.4rem;
    &.m-imei{padding:0.6rem 1.4rem;}
    background-color: $bg00;
    &.couponmax{
		padding-bottom: 0;
		.no-coupon{
			padding-bottom: 1.2rem;
		}
	}
  }
  .add-ticket{
    @extend .flex-row;
  }
  .m-buy-qunit{
    @extend .flex-row;
    .limit{
      font-size: 1.2rem;
      color:$color01;
    }
  }
  .notice{
    @extend .flex-row;
    .text{
      @extend .flex-item;
    }
    .icon-right{
      margin-top: 0.6rem;
      margin-right: 0;
    }
  }
}
.add-ticket{
  @extend .flex-row;
  .m-ticket{
    color:$color03;
    @extend .flex-item;
  }
  .icon-right{
    margin-top: 0.6rem;
    margin-right: 0;
  }
  .icon-added{
    margin-right: 0.8rem;
  }
}
.icon-clock{
	@include mix-clock();
}
.valid-date{
  padding: 1.4rem;
  background-color: $bg00;
  @include ellipsisLn(2);
  font-size:$fs15;
  color: $color03;
  line-height: 1.8rem;
}
.m-travel-date{
  padding: 1.4rem;
  background-color: $bg00;
  @extend .flex-row;
  strong{
    background: -webkit-linear-gradient(left,$color04, $color06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
    color:$color06;
  }
  .label{
    @extend .flex-item;
  }
}
.m-travel-title,.m-buy-qunit,.show-detail{
	@extend .flex-row;
	.title{
		@extend .flex-item;
		color:$color03;
		align-self: center;
	}
}
.m-travel-title {
  padding-bottom: 0.4rem;

  .price{
    width: 5rem;
    text-align: right;
    color: $color05;
    line-height: 1.8rem;
    align-self: flex-start;
    sub{font-size:$fs11;margin-right: 0.2rem;};
    .icon-delete{    margin-right: 0.8rem;}
  }
}
.icon-coupon{
	@include mix-coupon();
}
.icon-right{
	@include mix-right();
}		

.m-buy-qunit{
  position:relative;
  line-height: 2.75rem;
  color:$color03;
  height:3rem;
}
.show-detail{  
  padding: 0.4rem 0;
  .dirview{
	width:4rem;
	text-align:right;
  }
}
.detail-product{
  padding:1rem;
  .goods-img{
    width:6rem;
    height: 6rem;
    img{width:100%;height:100%;}
  }
  .good-info{
    padding-left: 1rem;
    @extend .flex-item;
    strong{
      color: $color05;
    }
  }
}

.m-imei{
  .form-group{
    @extend .flex-row;
    padding:0.1rem 0;
    .item-feild{position:relative;    width: 24rem;}
    .label{
      padding-right:1rem ;
      padding-top: 0.4rem;
      white-space: nowrap;
      color:$color03;
    }
    .form-control{
      @include iptbox();
      border: 1px solid transparent;
      width: 21.2rem;
      height: 2.15rem;
      :-moz-placeholder {
        color: $color01;
      }
      ::-webkit-input-placeholder {
        color: $color01;
      }
    }
    .empty{
      &::-webkit-input-placeholder{color:$color05;}
      &:-moz-placeholder{color:$color05;}
      &::-moz-placeholder{color:$color05;}
      &:-ms-input-placeholder{color:$color05;}
    }
    .error{
      color:$color05;
    }
    em{
      i{
        position: absolute;
        white-space: nowrap;
        right: 0.2rem;
        font-size: 1rem;
        background-color: $color05;
        color: $color10;
        display: inline-block;
        padding: 0.2rem 0.6rem;
        top: 0.6rem;
        border-radius: .4rem;
      }
    }
  }

}


.ticket-list{
  .ticket-wrap{
    padding-top:1.4rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color:$bg00;
    z-index:100;
    .ticket-head{
      margin:0 1.4rem;
      @extend .flex-row;
      position:relative;
      &:after {
        @include setBottomLine($border01);
      }
      height: 3.4rem;
      line-height: 2.4rem;
      font-size: 1.5rem;
      .title{
        @extend .flex-item;
        color:$color03;
      }
    }
    .ticket-inner{
      padding:0.9rem 0 0;
      @include scrolling;
      height: 30.3rem;
    }
    .ticket-item{

      padding: 0.5rem 1.4rem;
      .p-title{
        font-size: $fs15;
        @include ellipsisLn(2);
        color:$color02;
      }
      .ticket-info{
        @extend .flex-row;
      }
      .price-box{
        @extend .flex-item;
        .price{
          color: $color05;
          margin-right: 1.6rem;
          font-style: italic;
          font-size: $fs18;
        }
        del{
          color:$color01;
          font-size:1rem;
        }
      }

      .p-tags{
        padding-bottom: 1rem;
        span{
          color:$color04;
          font-size:$fs09;
          display: inline-block;
          border: 1px solid rgba(33,172,57,.6);
          @include radius(".4rem");
          line-height: 1.4rem;
          padding: 0 0.4rem;
          margin-right: 0.6rem;
        }
      }
    }
  }


}
.coupon-title{
  color:$color02;
  border-bottom: 1.5px solid $border01;
  padding-bottom:0.6rem;
}


.coupon-list,.card-list{
	.icon-radio{
		@include mix-radio-default();
	}
}
.coupon-list{
	max-height: 18.8rem;
	@include scrolling;
    
	

  .coupon-item{
      @extend .flex-row;
  	 border-top: 1.5px solid $border01;
  	 padding:1.2rem 0;
     .label-num, .date{    align-self: center;}
     .label-num{        
          white-space: nowrap;
          font-size:$fs15;
          color:$color02;
          padding-right:0.5rem;
     }
     .date{
        @extend .flex-item;
        color:$color00;
        font-size:$fs11;
     }
      &.disabled{
            opacity: 0.5;
      }
	&.coupon-item-checked{
		.icon-radio{
			@include mix-radio-checked();
		}
	}
	 &:first-child{
		 border-top:0;
	 }
  }
}

.cardpay{
	.card-title{
	  font-size:$fs15;
	  color:$color03;
	  padding:0.5rem 1.4rem  1.4rem;
	}
	.card-inner{
		padding:0 1.4rem;
		background-color:$bg00;
		.card-item{
             border-top: 1.5px solid $border01;
			 padding:1.2rem 0;
			 @extend .flex-row;
			 .cardnum{
				@extend .flex-item;
				color:$color03;
			 }
			 .balance{
        padding-right: 0.8rem;
				span,sub{				 
					font-size:$fs10;
				}
				span{
					color:$color02;
				}
				sub,strong{
					color:$color05;
				}
				strong{
					font-size:$fs15;
				}
			 }
			&.card-item-checked{
				.icon-radio{
					@include mix-radio-checked();
				}
			}
			&.disabled{
				    opacity: 0.5;
			}
			 &:first-child{
			     border-top:0;
			 }
		}
	}
}




.confirm-order{
  font-size: 1.1rem;
  padding:0 1.4rem  4rem;
  .box-wrap{
    color:$color02;
    padding: 1rem 0;
    .row-info{
      display:table;
      width:100%;
      .row-label,.row-text{
        display:table-cell;
        vertical-align: top;
      }
      .row-label{
        width:6rem;
        color:$color03;
      }
      .row-text{
        color:$color05;
        padding-left: 0.5rem;
      }
    }
    .row-flex{
      @extend .flex-row;
    }
    .item-flex{
      @extend .flex-item;
    }
  }
}
.f-green{
	color:$color04;
}

@import "./detail";
@import "../common/scss/layer";
@import "../common/scss/utilities";
@import "../common/scss/calendar";
@import "../common/scss/pages/emptydata";
